<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />

    <link rel="stylesheet" href="../../css/api.css">

    <link rel="stylesheet" href="../../css/base_bai/base.css">
    <title>会员续费</title>

    <style>

    .van-swipe{    background: #F5F5F5;}

    .lunbo img{width: 95%;padding-top: .2rem;}

    .van-swipe-item{text-align: center;}

    .van-swipe__indicator--active{padding: 0 4px;    border-radius: 0.1rem;background: white}

    .van-swipe__indicators{    bottom: 0.35rem;right: 0.1rem;left:auto;}

    [cont]{padding: 0 0.2rem;}

    [cont] [price]{ float: right;}

    [cont]>[c_t]{line-height: 1rem;border-bottom: 1px solid #f7f6f4;    font-size: .35rem;}

    [cont]>[c_v] *{    font-size: .3rem;text-align: justify;line-height: 0.42rem;padding: 0.2rem 0 0;}

    .van-button--danger{    background-color: #FF9900;  border: 1px solid #FF9900;border-radius: 1rem;}

    .van-submit-bar__button{    width: 30%;}

    .van-submit-bar__price{color:#FF540A}

    .van-button--large{    height: auto;line-height: .8rem;}
    </style>


</head>

<body>
    <div id="app"  v-cloak>

        <div>
            <van-nav-bar class="m-header" title="会员续费" left-arrow @click-left="  closeWin()" />
        </div>

        <div class="lunbo">

            <van-swipe :autoplay="300000">
                <van-swipe-item v-for="(image, index) in images" :key="index">
                    <img :src="image" />
                </van-swipe-item>
            </van-swipe>
        </div>

        <div cont>
            <div c_t>开通季卡<span price>￥<span  v-text="price"><span></span></div>
            <div c_t>权益说明</div>
            <div c_v>
                <p> 1. 这是权益细则这是权益细则这是权益细则这是权益细则这是 权益细则这是权益细则这是权益细则这是权益细则这是权益细</p>
                <p> 2. 这是权益细则这是权益细则这是权益细则这是权益细则这是 权益细则这是权益细则这是权益细则这是权益细则这是权益细 </p>
                <p> 3. 这是权益细则这是权益细则这是权益细则这是权益细则这是 权益细则这是权益细则这是权益细则这是权益细则这是权益细 </p>
            </div>
        </div>
        <div>
              <van-submit-bar  :price="price"  button-text="立即开通" decimal-length="0" label="开通月会员："  @submit="onSubmit"/>
        </div>
    </div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/base_bai/vue.js"></script>
<script src="../../script/base_bai/vant.js"></script>
<script src="../../script/base_bai/area.js"></script>
<script src="../../script/base_bai/base.js"></script>
<script src="../../script/base_bai/temp.js"></script>
<script>
    apiready = function() {
        headerH = $api.fixStatusBar($api.byId('app'));
        Vue.prototype.$ac = api;

        initVue()

    };
    if (BrowserType() == 'pc') {
        initVue()
    }

    function initVue() {
        new Vue({
            el: '#app',
            data: temp.video.index_2,
            methods: {
                onClickLeft: {

                },
                onSubmit:{

                }
            }

        })
    }
</script>

</html>
